import React from 'react'
import { connect } from 'dva'
import ProductList from '../components/ProductList'
import { Link } from 'react-router-dom'

const Products = ({ dispatch, products}) => {
  
  function handleDelete (id) {
    dispatch({
      type: 'products/delete',
      payload: id,
    })
  }

  return (
    <div>
      <h2>List of Products</h2>
      <Link to="/">Home</Link>
      <ProductList onDelete={handleDelete} products={products} />
    </div>
  );
}

export default connect(({products}) => ({
  products
}))(Products)